.vid {
    position: fixed;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    // background-color: blue;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;

   video {
        position: absolute;
        margin: auto;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        width: 100%;
        object-fit: cover;
        height: 100%;
        z-index: -1;


    }

    .close {
        // z-index: 100;
        position: absolute;
        top: 10rem;
        left: 10rem;
        color:white;
        font-size: 25rem;
    }

    .video_alert {



        width: 80%;
        height: 500rem;
        // border: solid rgb(221, 228, 3) 3rem;
    }

    .video_alert_xian {
        box-shadow: 0rem -10rem 5rem #22ff01;
        width: 80%;
        border: solid #22ff0000 2rem;
        animation: gzq 2s infinite;
    }

}

@keyframes gzq {
    0% {
        transform: translateY(0px);
    }

    100% {
        transform: translateY(500px);
    }
}